$(function(){
    //登录按钮的切换隐藏
    $('#register').on('click',function(){
        $('#loginBox').hide()//隐藏
        $('#regBox').show()
    })
    $('#log').on('click',function(){
        $('#regBox').hide()
        $('#loginBox').show()
    })

    //登录的正则
    //导出form对象（正则）
    const form = layui.form
    form.verify({
        //值是一个对象
        //里面可以放数组和函数
        //数组的写法
        username:[
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须是1-10位字母和数字'
        ],
        password:[
            /^[A-Za-z0-9]{6,15}$/,
            '密码长度必须是6-15位的非空字符串'
        ],
        rePwd:function(value){//函数里面的值是自己的值
            let pwd = $('#regBox [name=password]').val()
            if(value != pwd){
                return '两次密码不一致！'
            }
        }
    })

    //导出弹出层对象
    const layer = layui.layer
    //注册form表单提交事件，点击按钮发送ajax
    $('#formReg').on('submit',function(e){
        e.preventDefault()//清除表单的默认事件
        console.log($(this).serialize())
        axios({
            url:'/api/reguser',
            method:'post',
            data: $(this).serialize()//获取表单里所有name的值
        }).then(res=>{
            //成功回调
            // status: 1, message: 
            if(res.data.status !=0 ) return layer.msg(res.data.message)
            layer.msg(res.data.message)
            //清空表单
            $(this)[0].reset()//转换为dom元素，调用reset方法清空表单
            //跳转页面
            $('#log').click()
        })
    })


    //登录事件
    $('#formLogin').on('submit',function(e){
        e.preventDefault()
        axios({
            url:'/api/login',
            method:'post',
            data: $(this).serialize()
           
        }).then(res=>{
            //成功回调
            if(res.data.status !=0 ) return layer.msg(res.data.message)
            layer.msg(res.data.message)
            //保存数据
            localStorage.setItem('token',res.data.token)
            //登录成功会跳转首页
            location.href = '/index.html'
        })
    })

})